<!-- ref获取dom元素 -->

<script setup lang="ts">
import { onMounted, ref } from 'vue'
//  创建dom元素
const hRef = ref(null)

onMounted(() => {
  // 使用document.querySelector('标签名')获取类型
  // document.querySelector('div')
  // 给hRef元素添加样式
  (hRef.value! as HTMLDivElement).style.backgroundColor = 'red'
  // 页面渲染完成后触发
  console.log(hRef.value)
})
</script>
<template>
  <!-- 建立关联 -->
  <div ref="hRef">我是一个元素</div>
</template>

<style></style>
